.backBox {
  height: 60px;
  background-image: linear-gradient(to bottom right, rgb(249, 255, 211), rgb(233, 254, 255));
  border-radius: 30px;
  margin: 0 20px;
  display: flex;
  justify-content: space-around;
}

.box {
  margin-top: 8px ;
  width: 230px;
  height: 21px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  font-size: 16px;
  border-radius: 6px;
  padding: 3px 10px;
  /* 盒子投影 */
  -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0%, transparent), to(rgba(250, 250, 250, .3)));
}